<template>
    <div>
        <div class="big">
            <div @click="router.push('/controller')">文章控制</div>
            <div @click="router.push('/publish')">文章发布</div>
        </div>
        <router-view></router-view>
    </div>
</template>

<script setup lang="ts">
    import { useRouter } from 'vue-router'
    let router = useRouter()
</script>

<style lang="scss">
    .big {
        width: 100%;
        height: 60px;
        background-color: #e3f308;
        display: flex;
        text-align: center;
        line-height: 60px;
        border-radius: 110PX;
        div {
            color: white;
            width: 50%;
            height: 100%;
            // border-radius: 10PX;
        }
        div:hover {
            color: rgb(255, 0, 179);
        }
    }
</style>
